﻿$(function () {
    var connection = new signalR.HubConnectionBuilder().withUrl("/chatHubs").build();
    //打开连接
    $("#conn").on("click", function () {
        connection.start().then(function () {
            $("#content").append("连接成功！\n");
        }).catch(function (err) {
            $("#content").append("连接失败" + err.toString()+"\n");
        });
    });
    $("#close").on("click", function () {
        connection.stop().then(function () {
            $("#content").append("关闭成功！\n");
        }).catch(function (err) {
            $("#content").append("关闭失败" + err.toString() + "\n");
        });
    });
    //绑定事件
    //服务器发送消息过来触发
    connection.on("ReceiveMessage", function (data) {
        var msg = JSON.parse(data);
        var encodedMsg = msg.name + ": " + msg.message;
        $("#content").append("服务器返回数据："+encodedMsg + "\n");
    });


    //发送消息
    $("#send").on("click", function () {
        var user = $("#username").val();
        var message = $("#message").val();

        var obj = {};
        obj.name = user;
        obj.message = message;
        var jsonstr = JSON.stringify(obj)
        connection.invoke("SendMessage",jsonstr).catch(err =>
            $("#content").append("发送信息失败" + err.toString() + "\n"));
        $("#content").append("客户端发送数据"+jsonstr+"\n");
    });
    $("#clear").on("click", function () {

        $("#content").html("");

    })
});









